:root {
  --theme-dark-color: #353535;
  --theme-dark-font-color: rgba(238, 238, 238, 0.808);
}
body.theme-dark {
  background-color: var(--theme-dark-color);
}
body.theme-dark * {
  color: var(--theme-dark-font-color) !important;
}
body.theme-dark #play * {
  color: #233 !important;
}
@media (max-width: 420px) {
  body.theme-dark header .nav-top .nav {
    background-color: rgba(34, 51, 51, 0.795);
  }
}
body.theme-dark header .nav-top .search .search-box.block {
  background: none;
  background-color: #1a1f1f;
}
body.theme-dark main a {
  color: #c5fdffcb !important;
}
body.theme-dark code,
body.theme-dark pre {
  color: #233 !important;
  background-color: #cecece !important;
}
body.theme-dark form input,
body.theme-dark form textarea {
  background-color: #233 !important;
}
body.theme-dark header nav.nav-top.nav-top:hover {
  background-color: rgba(0, 0, 0, 0.82);
  box-shadow: 0 1px 5px 1px rgba(255, 255, 255, 0.3);
}
body.theme-dark header nav.nav-top.show {
  transition: 1s;
  background-color: rgba(0, 0, 0, 0.82);
  box-shadow: 0 1px 10px 1px rgba(255, 255, 255, 0.24);
}
body.theme-dark header .nav-top.top-show {
  background-color: rgba(0, 0, 0, 0.82);
  box-shadow: 0 1px 5px 1px rgba(255, 255, 255, 0.1);
}
body.theme-dark header .center-video::after {
  background-color: rgba(0, 0, 0, 0.3);
}
body.theme-dark main {
  background-color: rgba(0, 0, 0, 0.62);
}
body.theme-dark main .focus .focus-item {
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
}
body.theme-dark main .focus .focus-item:hover {
  box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.8);
}
body.theme-dark main .focus .focus-item .focus-bg {
  filter: grayscale(50%);
}
body.theme-dark main .post .post-item {
  box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.2);
}
body.theme-dark main .post .post-item:hover {
  box-shadow: 0 0 15px 2px rgba(255, 255, 255, 0.54);
}
body.theme-dark main .post .post-item .picture {
  filter: grayscale(50%);
}
body.theme-dark #cd-top img {
  filter: grayscale(50%);
}
body.theme-dark #theme {
  background-color: rgba(20, 20, 20, 0.8);
}
body.theme-dark #theme .theme-box {
  background-color: rgba(34, 34, 34, 0.9);
}
body.theme-dark #theme .theme-box::after {
  background-color: rgba(34, 34, 34, 0.9);
}
body.theme-bronya {
  background-image: url(../img/bbb.jpg);
}
@media (min-width: 920px) {
  body.theme-bronya header {
    width: var(--base-width);
  }
}
